<template>
    <div class="order-report">
        <div class="report-table-top-title">
            填写完成
        </div>
        <div class="report-table-wrapper">
            <div class="progress">
                <div class="pro-item">填写资料</div>
                <div class="pro-item">预览资料</div>
                <div class="pro-item active">填写完成</div>
            </div>
            <div class="success">填写完成啦！</div>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
export default {
    data: function () {
        return {
        }
    },
    mounted () {
    },
    created () {
    },
    watch: {
    },
    components: {
    },
    props: {
    },
    computed: {
    },
    methods: {
    }
}
</script>

<style lang="stylus" rel="stylesheet/stylus">
.order-report
    width: 100%
    background #f1f0f5

    .report-table-top-title
        width: 100%
        height: 64px
        line-height: 64px
        color: #000
        font-size: 18px
.report-table-wrapper
    background #ffffff
    padding 10px 0
.progress
    margin-left 10px
.pro-item
    display inline-block
    color #333
    border-radius 0px
    height 60px
    width 212px
    line-height 60px
    text-align center
    background #d4d4d4
    margin-right 10px
    &.active
        background #409eff
        color #ffffff
.success
    font-size 50px
    text-align center
</style>
